<!-- 包含滚动展示窗口和公告栏 -->

<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel" style="height: 26rem;">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
  </ol>
  <div class="carousel-inner" style="height: 100%;">

    <div class="carousel-item active" style="height: 100%">
      <img src="https://xib-static.oss-cn-beijing.aliyuncs.com/background/qiantu.jpg?x-oss-process=style/header"
        alt="header" style="height: 100%;">
      <div class="container" style="height: 100%">
        <div class="carousel-caption">
          <h1 class="text-shadow text-light">只对交大同学开放注册</h1>
          <p style="margin-bottom: 1rem;">限定使用思源邮箱注册，未登录则无法查看卖方的联系方式，保护同学的隐私安全</p>
          <p><a class="btn btn-lg btn-primary" href="/register" role="button">现在注册</a></p>
        </div>
      </div>
    </div>

    <div class="carousel-item" style="height: 100%;">
      <img src="https://xib-static.oss-cn-beijing.aliyuncs.com/background/zhonglou.jpg?x-oss-process=style/header"
        alt="header" style="height: 100%; ">
      <div class="container" style="height: 100%">
        <div class="carousel-caption">
          <h1>欢迎来到仙交闲置公告板!</h1>
          <p>我们为西安交通大学在校学生提供免费的闲置物品信息发布平台，旨在实现更加便捷的校内交易</p>
          <p><a class="btn btn-lg btn-primary" href="/submitItem" role="button">发布闲置</a></p>
        </div>
      </div>
    </div>

  </div>
  <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

<div class="container">
  <!-- 公告栏 -->
  <div class="row">
    <div class="col-md">
      <h2>加入QQ群</h2>
      <p> 仙交闲置物品置换群建立于2019年。这里不仅是交大买卖闲置的根据地、更是同学愉快交流的场所。</p>
      <p><a target="_blank" class="btn btn-outline-dark"
          href="https://qm.qq.com/cgi-bin/qm/qr?k=14E5Fr69oLiVStf6yLww98-tji6m0Mdg&jump_from=webapi" role="button">
          加群 &raquo;
        </a>
        <!-- Button trigger modal -->
        <a class="btn btn-outline-dark" href="" data-toggle="modal" data-target="#showQRCodeModal"
          style="margin-left: 1rem;" role="button">
          群二维码 &raquo;
        </a></p>
    </div>

    <div class="col-md">
      <h2>查看更新日志</h2>
      <p>实时了解网站的更新状态, 网站会与更新日志同步更新, 日志会记录新增功能、内容改动、bug修复等内容</p>
      <p><a class="btn btn-outline-dark" href="http://reina.link/posts/xib-update-log/" role="button"
          target="_blank">查看日志 &raquo;</a></p>
    </div>

    <div class="col-md">
      <h2>问题反馈</h2>
      <p>希望同学们可以将使用中的问题和建议反馈给我，可以在群里@Reina找到我，或者发送邮件</p>
      <p><a class="btn btn-outline-dark" href="javascript:window.open('mailto:' + ['929755067','qq.com'].join('@'))"
          role="button">
          发送邮件 &raquo;
        </a></p>
    </div>
  </div>
  <!-- 公告栏结束 -->
  <br>
</div>